<template>
  <div id="maps">

  </div>
</template>

<script>
export default {
  name: 'BMaps',
  data () {
    return {
    }
  },
  mounted () {
    // 百度地图API功能
    var map = new BMap.Map('maps')
    map.centerAndZoom(new BMap.Point(121.447926, 31.236397), 20)
    map.enableScrollWheelZoom(false)
    var new_point = new BMap.Point(121.447926, 31.236397)
    var marker = new BMap.Marker(new_point)
    map.addOverlay(marker)
    map.panTo(new_point)
    marker.disableDragging()
  }
}
</script>
<style scoped lang="less">
#maps{
  width: 100%;
  height: 424px;
  overflow: hidden;
  margin-top: 58px;
}
</style>
